<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns="http://www.w3.org/1999/xhtml"
                template="./../home.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:pe="http://primefaces.org/ui/extensions">

    <ui:define name="content">
        <div class="col-lg-12">
            <h3 class="page-header" id="comercio">
                Administracion de Pedidos
                <h:link value="Regresar a Listado" outcome="list.xhtml" styleClass="pull-right" style="font-size: 16px; margin-right: 30px;"  />
            </h3>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-primary">
                    <div class="panel-heading" style="font-weight: bold;">Actualización de Pedidos</div>
                    <div class="panel-body">
                        <h:form id="frmRegistrarPedido" styleClass="form-horizontal" >
                            <f:event type="preRenderView" listener="#{pedidoControlador.initActualizar}" />
                            <h:messages globalOnly="true" styleClass="list-group" infoClass="list-group-item list-group-item-success"
                                        errorClass="list-group-item list-group-item-danger" />
                            <div class="form-group has-feedback">
                                <label for="idperfil" style="font-size: 15px;" class="col-sm-3 control-label">Cliente :</label>
                                <h:panelGroup id="clienteT">
                                    <div  class="col-sm-3">
                                        <pre>#{pedidoControlador.pedido.cliente.clienteComun}</pre>
                                    </div>
                                </h:panelGroup>
                                <div class="col-sm-2">
                                    <p:commandButton value="Seleccionar" style="font-weight: bold;"  oncomplete="PF('dlg2').show();" />
                                </div>
                            </div>
                            <div class="form-group has-feedback">
                                <label for="direc" class="col-sm-3 control-label">Direccion :</label>
                                <div class="col-sm-5">
                                    <p:inputText styleClass="form-control" id="direc"  value="#{pedidoControlador.pedido.direccion}" />
                                </div>						

                            </div>
                            <div class="form-group has-feedback">
                                <label for="obs" class="col-sm-3 control-label">Observaciones :</label>
                                <div class="col-sm-5">
                                    <p:inputTextarea styleClass="form-control" id="obs"  value="#{pedidoControlador.pedido.observaciones}" />
                                </div>						

                            </div>
                            <div class="form-group has-feedback">
                                <label for="datetime" class="col-sm-3 control-label">Fecha de Entrega :</label>
                                <div class="col-sm-5">
                                    <p:calendar style="font-size: 13px;"  navigator="true"  locale="es"  id="datetime"  value="#{pedidoControlador.pedido.auxFecha}" mindate="#{pedidoControlador.fechaMax}" readonlyInput="true"  showOn="button" pattern="dd/MM/yyyy" />
                                </div>						

                            </div>
                            <br />
                            <h4  >Detalle de Productos</h4>
                            <p:separator />
                            <p:commandButton value="Modificar Productos" action="#{pedidoControlador.irListaProductos}" />
                            <br/>
                            <br/>
                            <p:dataTable value="#{pedidoControlador.misDetalles}"  var="list" paginator="true" rows="8" 
                                         rowIndexVar="rowIndex"
                                         paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}" 
                                         emptyMessage="No existen productos seleccionados" >
                                <p:column style="text-align: center;width: 10%;">
                                    <f:facet name="header">
                                        #
                                    </f:facet>
                                    <h:outputText value="#{rowIndex+1}" />
                                </p:column>
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        Codigo
                                    </f:facet>
                                    <h:outputText value="#{list.subtipo.codigo}" >
                                    </h:outputText>
                                </p:column>
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        Producto
                                    </f:facet>
                                    <h:outputText value="#{list.subtipo.producto.nombre}" >
                                    </h:outputText>
                                </p:column>
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        Marca
                                    </f:facet>
                                    <h:outputText value="#{list.subtipo.marca.nombre}" >
                                    </h:outputText>
                                </p:column>
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        Precio
                                    </f:facet>
                                    <h:outputText value="#{list.subtipo.precio}" >
                                        <f:convertNumber currencySymbol="" type="currency" locale="en_US" />
                                    </h:outputText>
                                </p:column>
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        Cantidad
                                    </f:facet>
                                    <h:outputText value="#{list.cantidad}" >
                                    </h:outputText>
                                </p:column>
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        Importe
                                    </f:facet>
                                    <h:outputText value="#{list.costo}" >
                                        <f:convertNumber currencySymbol="" type="currency" locale="en_US" />
                                    </h:outputText>
                                </p:column>
                                <p:columnGroup type="footer">
                                    <p:row>
                                        <p:column colspan="6" style="text-align:right" footerText="Importe Total:" />
                                        <p:column>
                                            <f:facet name="footer">
                                                <h:outputText value="#{pedidoControlador.total}" >
                                                    <f:convertNumber currencySymbol="S/. " type="currency" locale="en_US" />
                                                </h:outputText>
                                            </f:facet>
                                        </p:column>
                                    </p:row>
                                </p:columnGroup>
                            </p:dataTable>
                            <br/>
                            <br/>
                            <h:panelGroup rendered="#{sesionControlador.empleado.tipo.id ne config.secretaria_id}">
                                <p:commandButton value="Actualizar" styleClass="btn btn-primary" actionListener="#{pedidoControlador.actualizarPedido}" onstart="PF('blockUIWidget').block()"
                                                     oncomplete="PF('blockUIWidget').unblock();subir();" update="@form" />
                            </h:panelGroup>
                            <h:panelGroup rendered="#{sesionControlador.empleado.tipo.id eq config.secretaria_id}">
                                <p:commandButton value="Confirmar" styleClass="btn btn-primary" actionListener="#{pedidoControlador.confirmarPedido}" onstart="PF('blockUIWidget').block()"
                                                     oncomplete="PF('blockUIWidget').unblock();subir();" update="@form" />
                                <p:commandButton value="Denegar" styleClass="btn btn-primary" action="#{pedidoControlador.denegarPedido}" update="@form" />
                            </h:panelGroup>
                            
                            
                            <pe:blockUI   widgetVar="blockUIWidget">  
                                <h:panelGrid columns="2">  
                                    <h:graphicImage library="images" name="cargar.gif"  
                                                    style="margin-right: 5px; vertical-align: middle;"/>  
                                    <h:outputText value="Espere ..." style="white-space: nowrap;"/>  
                                </h:panelGrid>  
                            </pe:blockUI>
                        </h:form>
                    </div>
                </div>
            </div>
        </div>
        <!-- DIALOGS -->
        <p:dialog modal="true" width="500" height="300" header="Lista de Clientes"  id="dlg2"  widgetVar="dlg2" position="center top">
            <h:form id="tablaCliente">
                <p:dataTable  value="#{pedidoControlador.clientes}" var="list" 
                              paginator="true" rows="10" lazy="true" rowIndexVar="rowIndex"
                              paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"   >

                    <p:column style="text-align: center;width: 10%;">
                        <f:facet name="header">
                            #
                        </f:facet>
                        <h:outputText value="#{rowIndex+1}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <f:facet name="header">
                            Cliente
                        </f:facet>
                        <h:outputText value="#{list.clienteComun}" >
                        </h:outputText>
                    </p:column>
                    <p:column style="text-align: center;width: 12%;">
                        <p:commandButton icon="icon-choice" update=":frmRegistrarPedido:clienteT :frmRegistrarPedido:direc" actionListener="#{pedidoControlador.capturarCliente(list)}"  oncomplete="PF('dlg2').hide();" >
                        </p:commandButton>
                    </p:column>
                </p:dataTable>
                
            </h:form>
        </p:dialog>
        <script>
            function subir() {
                window.scrollTo(0, 0);
            }
        </script>
    </ui:define>

</ui:composition>
